<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/include/page.jsp" %>
<c:set value="${requestScope.headerResponse.data.list }" var="list" />
<!--[if lt IE 8]>
           <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
       <![endif]-->
<!-- Header Area Start -->
<header>
	<!-- Header Menu Area -->
	<div class="menu-area mt-60">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-12">
					<div class="logo-area text-center text-uppercase">
						<a href="${rootPath }/IndexHeadServlet?method=main">
							<img src="${rootPath}/img/icon/logo.png" alt="" />
						</a>
					</div>
				</div>
				<div class="col-md-9 col-sm-12">
					<div class="main-menu lemon-bg">
						<nav>
							<ul id="nav">
								<li><a href="${rootPath }/IndexHeadServlet?method=main">首页</a></li>
								<li><a href="${rootPath }/IndexHeadServlet?method=about">关于我们</a></li>
								<li><a href="${rootPath }/IndexHeadServlet?method=productList">商品列表</a>
									<ul>
										<c:forEach items="${list }" var="listTemp" varStatus="stat">
											<li>
												<a href="${rootPath }/IndexHeadServlet?method=productList&categoryId=${listTemp.id}">
												<i class="arrow_carrot-right"></i> ${listTemp.name }</a>
											</li>
										</c:forEach>
									</ul>
								</li>
								<li><a href="${rootPath }/IndexHeadServlet?method=blogList">博客</a></li>
								<c:if test="${sessionScope.users != null }">
									<li><a href="${rootPath }/head/UsersHeadServlet?method=main">个人中心</a>
										<ul>
											<li><a href="${rootPath }/head/UsersHeadServlet?method=main">
												<i class="arrow_carrot-right"></i>个人中心</a></li>
											<li><a href="${rootPath }/head/UsersHeadServlet?method=main&operType=update"><i
													class="arrow_carrot-right"></i>修改个人信息</a></li>
											<li><a href="${rootPath }/head/OrdersHeadServlet?method=ordersList"><i
													class="arrow_carrot-right"></i>我的订单</a></li>
											<li><a href="${rootPath }/head/UsersHeadServlet?method=logout" onclick="return confirm('确认退出吗?')"><i
													class="arrow_carrot-right"></i>退出</a></li>
										</ul>
									</li>
								</c:if>
								<c:if test="${sessionScope.users == null }">
									<li><a href="${rootPath }/NoLoginServlet?method=login">登陆</a></li>
								</c:if>
							</ul>
						</nav>
						<!-- Product Cart -->
						<div class="menu-right-area">
							<a href="${rootPath}/head/UsersHeadServlet?method=cartList" class="mini-cart-icon">
								<i class="icon_cart_alt"></i>
								<!-- <span>2</span> -->
							</a>
							<%-- <div class="top-cart-content">
								<!-- Cart Single -->
								<div class="media header-middle-checkout">
									<div class="media-left check-img">
										<a href="#"> <img alt=""
											src="${rootPath}/img/other/cart-1.jpg">
										</a>
									</div>
									<div class="media-body checkout-content">
										<h4 class="media-heading">
											<a href="#">Men Fashion Spray</a> <span
												title="Remove This Item" class="btn-remove checkout-remove">
												<i class="fa fa-trash"></i>
											</span>
										</h4>
										<p>1 x $111.00</p>
									</div>
								</div>
								<!-- Cart Single -->
								<!-- Cart Single -->
								<div class="media header-middle-checkout">
									<div class="media-left check-img">
										<a href="#"> <img alt=""
											src="${rootPath}/img/other/cart-2.jpg">
										</a>
									</div>
									<div class="media-body checkout-content">
										<h4 class="media-heading">
											<a href="#">Women Fashion Bag</a> <span
												title="Remove This Item" class="btn-remove checkout-remove">
												<i class="fa fa-trash"></i>
											</span>
										</h4>
										<p>3 x $125.00</p>
									</div>
								</div>
								<!-- Cart Single -->
								<div class="actions">
									<button type="button" title="Checkout-botton"
										class="Checkout-botton">
										<span>Checkout</span>
									</button>
								</div>
							</div> --%>
						</div>
						<!-- Product Cart -->
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Header Menu Area -->
	<div class="banner-area pb-90 pt-160 bg-2">
		<div class="container">
			<div class="row">
				<div class="banner-content text-center text-white">
					<h1>美妆产品销售系统</h1>
				</div>
			</div>
		</div>
	</div>
	<!-- Header Slider Area -->
	<!-- MOBILE-MENU-AREA START -->
	<div class="mobile-menu-area">
		<div class="container">
			<div class="row">
				<div class="col-md-12 col-sm-12">
					<div class="mobile-area">
						<div class="mobile-menu">
							<nav id="mobile-nav">
								<ul>
									<li><a href="index.html">Home </a>
										<ul>
											<li><a href="index.html">Home Two</a></li>
											<li><a href="index-3.html">Home Three</a></li>
											<li><a href="index-4.html">Home Four</a></li>
										</ul></li>
									<li><a href="about.html"> About Us </a></li>
									<li><a href="shop.html">SHOP</a>
										<ul>
											<li><a href="shop.html">Shop</a></li>
											<li><a href="shop-grid.html"> Shop Grid</a></li>
											<li><a href="shop-list.html"> Shop List</a></li>
											<li><a href="single-product.html">Single Product</a></li>
										</ul></li>
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog-details.html">Blog Details</a></li>
									<li><a href="#">PAGES</a>
										<ul>
											<li><a href="checkout.html">Checkout</a></li>
											<li><a href="cart.html">Cart</a></li>
											<li><a href="account.html">Account</a></li>
											<li><a href="wishlist.html">Wishlist</a></li>
											<li><a href="blog-details.html">Blog</a></li>
											<li><a href="login.html">Login</a></li>
										</ul></li>
									<li><a href="portfolio.html">Portfolio</a></li>
									<li><a href="404.html">404 Error</a></li>
									<li><a href="contact.html">Contact</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- MOBILE-MENU-AREA END  -->
</header>
